<template>
  <div class="content">
    <basic-container>
      <div>
        <img src="./img/01.jpg" alt="" />
        <img src="./img/33.jpg" alt="" />
        <img src="./img/02.jpg" alt="" />
        <img src="./img/03.jpg" alt="" />
        <img src="./img/04.jpg" alt="" />
        <img src="./img/05.jpg" alt="" />
        <img src="./img/06.jpg" alt="" />
        <img src="./img/07.jpg" alt="" />
        <img src="./img/08.jpg" alt="" />
        <img src="./img/09.jpg" alt="" />
        <img src="./img/10.jpg" alt="" />
        <img src="./img/11.jpg" alt="" />
        <img src="./img/12.jpg" alt="" />
        <img src="./img/13.png" alt="" />
        <img src="./img/14.png" alt="" />
        <img src="./img/15.jpg" alt="" />
        <img src="./img/16.jpg" alt="" />
        <img src="./img/17.jpg" alt="" />
        <img src="./img/18.jpg" alt="" />
        <img src="./img/19.jpg" alt="" />
      </div>
    </basic-container>
  </div>
</template>

<style lang="scss" scoped>
.content {
  text-align: center;

  div {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  img {
    width: 50%;
  }
}
</style>